<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Plan</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/plan.css">
  <link rel="stylesheet" href="style/common.css">
</head>

<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <!-- 头部 -->
    <div class="header">
      <!-- bootstrap导航条 -->
      <nav class="navbar navbar-default">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
              <img src="images/logo.png" alt="">
            </a>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right navul">
              <li><a href="index.html">首页</a></li>
              <li><a href="show.html">产品展示</a></li>
              <li><a href="aboutus.html">关于我们</a></li>
              <li><a href="action.html">企业动态</a></li>
              <li><a href="contact.html">联系我们</a></li>
              <li><a href="server.html">售后服务</a></li>
              <li><a href="news.html">新闻资讯</a></li>
              <li><a href="plan.html">解决方案</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>
    <!-- 轮播图 -->
    <div class="bannerout">
      <div class="banner">
        <ul class="ul">
          <li>
            <a href="detail.html"><img src="images/plan_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/plan_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/plan_banner01.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/plan_banner01.jpg" alt=""></a>
          </li>
        </ul>
        <ul class="bar">
          <li class="cur"></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <a href="javascipt:;" class="left">&lt;</a>
        <a href="javascipt:;" class="right">&gt;</a>
      </div>
    </div>
    
    <!-- 提供用户 -->
    <div class="outdoor">
      <div class="otitle">
        <h3>我们为用户提供<span>4</span>大可靠解决方案</h3>
        <p>WE PROVIDE USERS WITH RELIABLE QUALITY ASSURANCE</p>
      </div>
      <div class="allul">
        <ul class="outdoorul">
          <li>
            <img src="images/plan_icon01.png" alt="">
            <h4>免费保修</h4>
            <p>购买本公司产品享受免费保修</p>
          </li>
          <li>
            <img src="images/plan_icon02.png" alt="">
            <h4>七天物流有退换</h4>
            <p>如不满意本公司产品<br>可以选择7天无理由退换</p>
          </li>
        </ul>
        <ul class="outdoorul">
          <li>
            <img src="images/plan_icon03.png" alt="">
            <h4>性价比</h4>
            <p>我们生产的产品性价比高<br>获得广大客户的认可</p>
          </li>
          <li>
            <img src="images/plan_icon04.png" alt="">
            <h4>免费保修</h4>
            <p>采用较优质的材料<br>保证产品实用耐用</p>
          </li>
        </ul>
        <div class="bigicon">
          <img src="images/plan_icon00.png" alt="">
        </div>
      </div>
    </div>
    <!-- 提供客户 -->
    <div class="assurance">
      <div class="assu">
        <h3>我们为客户提供专业的<span>解决方案</span></h3>
        <img src="images/plan_pic02.png" alt="">
        <ul class="assuul">
          <li>
            <img src="images/plan_icon05.png" alt="">
            <div class="astext">
              <a href="detail.html">户外灯光量身定制</a>
              <p>我国自古以来就有观灯赏景的习俗，元宵佳节举行观灯集会，会上悬挂各式各样的彩灯，灯火辉煌。</p>
            </div>
          </li>
          <li>
            <img src="images/plan_icon06.png" alt="">
            <div class="astext">
              <a href="detail.html">户外灯光安全问题咨询</a>
              <p>我国自古以来就有观灯赏景的习俗，元宵佳节举行观灯集会，会上悬挂各式各样的彩灯，灯火辉煌。</p>
            </div>
          </li>
          <li>
            <img src="images/plan_icon07.png" alt="">
            <div class="astext">
              <a href="detail.html">终身免费维修</a>
              <p>我国自古以来就有观灯赏景的习俗，元宵佳节举行观灯集会，会上悬挂各式各样的彩灯，灯火辉煌。</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footerin">
        <img src="images/logo_02.png" alt="">
        <ul class="footul">
          <li>
            <p>购物指南</p>
            <ul>
              <li><a href="">如何注册</a></li>
              <li><a href="">购物流程</a></li>
              <li><a href="">客服热线</a></li>
            </ul>
          </li>
          <li>
            <p>配送方式</p>
            <ul>
              <li><a href="">用户自提</a></li>
              <li><a href="">送货上门</a></li>
              <li><a href="">配送范围及运费</a></li>
              <li><a href="">验货或签收</a></li>
            </ul>
          </li>
          <li>
            <p>售后服务</p>
            <ul>
              <li><a href="">退换货流程</a></li>
              <li><a href="">跟踪和回访</a></li>
              <li><a href="">维修说明</a></li>
            </ul>
          </li>
          <li>
            <p>退换货流程</p>
            <ul>
              <li><a href="">正品保障</a></li>
              <li><a href="">先行赔付</a></li>
              <li><a href="">天无条件退换</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="js/banner.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>

</html>